<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        li, a {
            list-style: none;
            text-decoration: none;
        }

        #app {
            position: relative;
            top: 30px;
            left: 40px;
        }

        #app > div > li {
            margin-top: 10px;
        }

        #app > div > li > a {
            color: #470303;
        }

        #app > div > li > a:hover{
            color: #ecc807;
        }
    </style>
</head>
<body>
<div id="app">
    <div>
        <li><a href="vue-2/demo2-3.html" target="_blank">vue小项目</a></li>
        <li><a href="vue-3/demo3-1.html" target="_blank">vue鼠标事件</a></li>
        <li><a href="vue-3/demo3-2.html" target="_blank">阻止默认事件</a></li>
        <li><a href="vue-3/demo3-3.html" target="_blank">vue键盘事件</a></li>
        <li><a href="vue-3/demo3-4.html" target="_blank">vue属性操作</a></li>
        <li><a href="vue-3/demo3-5.html" target="_blank">v-cloak</a></li>
    </div>
</div>
</body>
</html>